<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <title></title>
    <link href="${ctx}/lib/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="${ctx}/lib/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="${ctx}/lib/css/AdminLTE.css" rel="stylesheet" type="text/css" />
    <link href="${ctx}/lib/css/skins/skin-blue-light.css" rel="stylesheet" type="text/css" />
    <!--<link href="${ctx}/lib/plugins/jqgrid/jquery-ui.css" rel="stylesheet" />-->
    <link href="${ctx}/lib/plugins/jqgrid/ui.jqgrid.css" rel="stylesheet" />

    <!--[if lt IE 9]>
        <script src="lib/js/html5shiv.min.js"></script>
        <script src="lib/js/respond.min.js"></script>
    <![endif]-->

</head>
<body class="skin-blue-light sidebar-mini fixed skin-blue-light-frame">
    <section class="content-header">
        <h1>生产企业合并记录查看</h1>
        <ol class="breadcrumb">
            <li><a href="${ctx}/home.jsp"><i class="fa fa-home"></i>首页</a></li>
            <li class="active"><a href="#"><i class="fa fa-home"></i>基础库管理</a></li>
            <!--<li class="active">Dashboard</li>-->
        </ol>
    </section>
    
    <section class="content">
        <div class=" box box-primary">
            <div class="box-body">
                <div class=" form-inline">
                    <div class="form-group form-group-sm">
                        <label for="txtDrugName">企业编码:</label>
                        <input class="form-control" type="text" id="txtDrugName" placeholder="企业编码" />
                    </div>
                    <div class="form-group form-group-sm">
                        <label for="txtDrugForm">企业名称:</label>
                        <input class="form-control" type="text" id="txtDrugForm" placeholder="企业名称" />
                    </div>
                    <div class="form-group form-group-sm">
                        <label for="txtDrugSpec">合并人:</label>
                        <input class="form-control" type="text" id="txtDrugSpec" placeholder="合并人" />
                    </div>
                   
                    <div class="form-group form-group-sm">
                        <label>合并日期：</label>
                        <input class="form-control" type="text" placeholder="yyyy-MM-dd" data-provide="datepicker" data-date-fmt="yyyy-MM-dd" />
                    </div>
                    <div class="form-group form-group-sm">
                        <label>-</label>
                        <input class="form-control" type="text" placeholder="yyyy-MM-dd" data-provide="datepicker" data-date-fmt="yyyy-MM-dd" />
                    </div>
                    <div class="form-group form-group-sm">
                        <label>审核日期：</label>
                        <input class="form-control" type="text" placeholder="yyyy-MM-dd" data-provide="datepicker" data-date-fmt="yyyy-MM-dd" />
                    </div>
                    <div class="form-group form-group-sm">
                        <label>-</label>
                        <input class="form-control" type="text" placeholder="yyyy-MM-dd" data-provide="datepicker" data-date-fmt="yyyy-MM-dd" />
                    </div>
                    <button type="button" class="btn btn-primary btn-sm">查询</button>
                </div>
            </div>
        </div>

        <table class="jqgrid" id="gridlist"></table>
      	<div id="gridpage"></div>
		<%-- 
        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="exampleModalLabel">New message</h4>
                    </div>
                    <div class="modal-body">
                        
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary">Send message</button>
                    </div>
                </div>
            </div>
        </div>
         --%>
    </section>
    <script src="${ctx}/lib/js/jquery.min.js" type="text/javascript"></script>
    <script src="${ctx}/lib/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="${ctx}/lib/plugins/slimScroll/jquery.slimscroll.min.js"></script>
    <script src="${ctx}/lib/js/app.js" type="text/javascript"></script>
    <script src="${ctx}/lib/plugins/jqgrid/jquery.jqGrid.min.js" type="text/javascript"></script>
    <script src="${ctx}/lib/plugins/datepicker/bootstrap-datepicker.js"></script>
    <script src="${ctx}/lib/js/HNApp.js"></script>
    
    <script type="text/javascript">
        $(function () {
            $('#addNew').click(function () {
                $('#exampleModal').modal({
                    keyboard: true
                });
            });
            $('#confirmtest').click(function () {
                $.HN.message.confirm('确定不通过吗？', '', '').on(function (e) {
                    if (e) {
                        $.HN.message.alert('操作成功！', '提示信息', 'success');
                    }
                });
            })
            $("#gridlist").jqGrid({
                url: "${ctx}/json/compMergeHis.json",
                mtype: "GET",
                datatype: "json",
                //width: $('.content').width() - 2,
                autowidth: true,
                height: 255,
                colNames: [ '企业编码', '企业名称', '被合并企业编码', '被合并企业名称', '修改类型', '合并人', '合并日期', '审核人', '审核日期', '操作'],
                colModel: [
					{ name: 'ids', width: 80 , align: "center"},
                    { name: 'sdate', width: 250 , align: "center"},
                    { name: 'name', width: 100 , align: "center"},
                    { name: 'stock', width: 250 , align: "center"},
                    { name: 'ship', width: 80 , align: "center"},
                    { name: 'note', width: 80 , align: "center"},
                    { name: 'note1', width: 80 , align: "right"},
                    { name: 'note2', width: 80 , align: "center"},
                    { name: 'note3', width: 80 , align: "right"},
                    { name: 'operate', width: 100 , align: "center",
                    	formatter: function (val, opts, rowdata) {
                    		return "<a href='#'>查看详情</a>";
                    	}	
                    }
                ],
                rowNum: 10,
                rowList: [10, 20, 30],
                rownumbers: true,
                pager: "#gridpage",
                viewrecords: true,
                caption: "低价药品目录列表",
                jsonReader: {
                    repeatitems: false,
                    id: "ids"
                    //jsonReader : {
                    //root: "rows",	// json中代表实际模型数据的入口
                    //page: "page",	// json中代表当前页码的数据
                    //total: "total",	// json中代表页码总数的数据
                    //records: "records", // json中代表数据行总数的数据
                    //repeatitems: true, // 如果设为false，则jqGrid在解析json时，会根据name来搜索对应的数据元素（即可以json中元素可以不按顺序）；而所使用的name是来自于colModel中的name设定。
                    //cell: "cell",
                    //id: "id",
                    //userdata: "userdata",
                    //subgrid: {
                    //    root:"rows",
                    //    repeatitems: true,
                    //    cell:"cell"
                    //}
                    //}
                },
                loadComplete: function (data) { //完成服务器请求后，回调函数

                }
            });
            //$("#gridlist").jqGrid('navGrid', "#plist48", { add: false, edit: false, del: false, search: false, refresh: false });
            $("#gridlist").jqGrid('navGrid', '#gridpage', { add: false, edit: false, del: false, search: false, refresh: false });
        });
    </script>
</body>
</html>
